<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" />
<script
	src="${ctx}/js/controllers/base/shopinfo/ShopInfoDetailController.js"
	type="text/javascript"></script>
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置： ${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default" style="height:auto">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
				<img style="float: left; margin-left: 37px; margin-top: 9.5px;"
					src="/manage/images/new_edit.png">
				<h4>店铺详细信息</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel('${shopinfo.state}');"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="replyList" class="right"
			style="height: 150px; margin-top: -10px;">
			<div class="modal-header">
				<div id="form" class="form"
					style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">店铺名称：</span>
						<div class="fldetail-4l">${shopinfo.name }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">店铺分类：</span>
						<div class="fldetail-4r">${shopCategory.name}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">小区名称：</span>
						<div class="fldetail-4l">${cellInfo.cellName }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">营业地址：</span>
						<div class="fldetail-4r">${shopinfo.address}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">联系电话1：</span>
						<div class="fldetail-4l">${shopinfo.phone }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">联系电话2：</span>
						<div class="fldetail-4r">${shopinfo.phone2}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">营业时间：</span>
						<div class="fldetail-4l">${shopinfo.beginTime}—${shopinfo.endTime}</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">状态：</span>
						<div class="fldetail-4r">
							<c:choose>
								<c:when test="${shopinfo.state == 1}">新申请</c:when>
								<c:when test="${shopinfo.state == 2}">正常</c:when>
								<c:when test="${shopinfo.state == 3}">禁用</c:when>
								<c:when test="${shopinfo.state == 4}">暂停营业</c:when>
								<c:when test="${shopinfo.state == 5}">审核未通过</c:when>
							</c:choose>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">联系人：</span>
						<div class="fldetail-4l">${shopinfo.contactor }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">联系人电话：</span>
						<div class="fldetail-4r">${shopinfo.contactorPhone}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">默认邮费：</span>
						<div class="fldetail-4l">${shopinfo.carriage }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">包邮价格：</span>
						<div class="fldetail-4r">${shopinfo.noCarriagePrice}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">排序：</span>
						<div class="fldetail-4l">${shopinfo.sort }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">备注：</span>
						<div class="fldetail-4r">${shopinfo.memo}</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD; height:110px;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;height:110px;">法人身份证图片：</span>
                        <c:if test="${shopinfo.legalIdcardPhoto == null || shopinfo.legalIdcardPhoto == ''}">
                            <div class="fldetail-4l" style="height:100px;">
                                <a href="${ctx}/images/default.jpg" class="swipebox">
                                <img alt="法人身份证图片" id="preview3" style="width: 70px; height: 70px; float: left;" title="默认图片" src="${ctx}/images/default.jpg" />
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${shopinfo.legalIdcardPhoto != null && shopinfo.legalIdcardPhoto != ''}">
                            <div class="fldetail-4l" style="height:100px;">
                                <a href="${sessionScope.image_logo}${shopinfo.legalIdcardPhoto}" class="swipebox">
                                    <img id="preview3" style="width: 70px; height: 70px; float: left;" title="法人身份证" src="${sessionScope.image_logo}${shopinfo.legalIdcardPhoto}" />
                                </a>
                            </div>
                        </c:if>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;height:110px;">营业执照副本照片：</span>
                        <c:if test="${shopinfo.businessLicensePhoto != null && shopinfo.businessLicensePhoto != ''}">
                            <div class="fldetail-4r" style="height:100px;">
                                <a href="${sessionScope.image_logo}${shopinfo.businessLicensePhoto}" class="swipebox">
                                <img id="preview3" style="width: 70px; height: 70px; float: left;" title="法人身份证" src="${sessionScope.image_logo}${shopinfo.businessLicensePhoto}" />
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${shopinfo.businessLicensePhoto == null || shopinfo.businessLicensePhoto == ''}">
                            <div class="fldetail-4r" style="height:100px;">
                                <a href="${ctx}/images/default.jpg" class="swipebox">
                                <img alt="营业执照副本" id="preview3" style="width: 70px; height: 70px; float: left;" title="默认图片" src="${ctx}/images/default.jpg" />
                                </a>
                            </div>
                        </c:if>
                    </div>
					<table id="contentDiv" style="border: 1px solid #CBD5DD; border-top: none; width: 100%;height:200px;"
						cellspacing="0" cellpadding="0">
						<tr>
							<td id="contentSpan" style="color: #504949; font-size: 14px; width: 13.9%; border-right: 1px solid #edeef3; background-color: #EAFBFC; text-align: right; height: 37px; line-height: 37px; vertical-align: text-top;border-bottom: 1px solid #CBD5DD;">经营范围：</td>
							<td style="width: 78%; min-height: 200px; padding: 8px 20px; vertical-align: text-top;border-bottom: 1px solid #CBD5DD;">${shopinfo.businessScope }</td>
						</tr>
						<tr>
							<td id="contentSpan" style="color: #504949; font-size: 14px; width: 13.9%; border-right: 1px solid #edeef3; background-color: #EAFBFC; text-align: right; height: 37px; line-height: 37px; vertical-align: text-top;">店铺说明：</td>
							<td style="width: 78%; min-height: 200px; padding: 8px 20px; vertical-align: text-top;">${shopinfo.descrip }</td>
						</tr>
					</table>
				</div>
				<div style="text-align: center;">
					<button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();">返&nbsp;&nbsp;回</button>
				</div>
			</div>
		</div>
	</div>
	<%@include file="/views/common/footer.jsp"%>
</section>
<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
<script type="text/javascript">
	function cancel(state){
		switch (state) {
		case 1:
		case 5:
			loadContent("/shopInfo/newShopInfoList");
			break;
		default:
			loadContent("/shopInfo/shopInfoList");
			break;
		}
	}
    </script>
